
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>__WEB_NAME__</title>
<link type="text/css" rel="stylesheet" href="__PUBLIC__/Admin/style/normalize.css" />
<link type="text/css" rel="stylesheet" href="__PUBLIC__/Admin/style/demo.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Public/lib/font-awesome/css/font-awesome.min.css" />
<!--必要样式-->
<link type="text/css" rel="stylesheet" href="__PUBLIC__/Admin/style/component.css" />
<style type="text/css">
	.input_outer{border-radius: 10px;padding-right:0;}
</style>
<script type="text/javascript" src="__PUBLIC__/Admin/js/jquery-1.10.2.min.js"></script>
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
</head>

<body>
<div class="container demo-1">
	<div class="content">
		<div id="large-header" class="large-header">
			<canvas id="demo-canvas"></canvas>
			<div class="logo_box">
				<h3 style="font-size:18px;">欢迎登录__WEB_NAME__</h3>
				<form action="#" name="f" method="post">
					<div class="input_outer">
						<span class="u_user"></span>
						<input name="logname" class="text" style="color: #fff" type="text" id="user" placeholder="请输入账户">
					</div>
					<div class="input_outer">
						<span class="us_uer"></span>
						<input name="logpass" class="text" style="color: #fff;"value="" id="pswd" type="password" placeholder="请输入密码">
					</div>
					<div class="input_outer" style="position:relative;">
						<i class="fa fa-check-square-o fa-lg" style="position:absolute;top:15px;left:20px;color:#999"></i>
						<input name="logname" class="text" maxlength="4" id="code" style="color: #FFFFFF !important;width:146px;" type="text" placeholder="验证码">
						<img src="{:U('verify')}" alt="" onclick="$(this).attr('src','__URL__/verify?i='+Math.random());" title="点击更换验证码" id="code_img" style="border-radius-top:5px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;position:absolute;right:0;cursor:pointer;"/>
					</div>
					<div class="mb2"><a class="act-but submit" href="javascript:;" style="color: #FFFFFF" id="login">登录</a></div>
				</form>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="__PUBLIC__/Admin/js/TweenLite.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/js/EasePack.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/js/rAF.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/js/demo-1.js"></script>
<script type="text/javascript" src="__PUBLIC__/Public/lib/layer/layer.js"></script>
<script type="text/javascript">
	var user = "",
		pswd = "",
		code = "";
	$(document).keydown(function(e){
		if(e.which == 13){
			$("#login").click();
		}
	});
	$("#login").click(function(){
		var user = $("#user").val();
		var pswd = $("#pswd").val();
		var code = $("#code").val();
		if(!user){
			layer.msg('请输入登录用户!', {icon: 5});
			$("#user").focus();
			return ;
		}
		if(!pswd){
			layer.msg('请输入登录密码!', {icon: 5});
			$("#pswd").focus();
			return ;
		}
		if(!code){
			layer.msg('请输入验证码!', {icon: 5});
			$("#code").focus();
			return ;
		}
		var data = {
			username:user,
			userpass:pswd,
			vercode:code
		};
		layer.msg('登录中', {
		  icon: 16,
		  shade: 0.5,
		  time: 0
		});
		$.post("{:U('checkLogin')}",data,function(info){
			layer.closeAll();
			if(info.status == 1){
				top.location.href = info.url;
			}else{
				layer.msg(info.info, {icon: 5, time: 1200});
				$("#code_img").attr("src","__URL__/verify?i="+Math.random());
			}
		});
	});
</script>
</body>
</html>